
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    background-color: #444 !important;
}
#loginView {
    margin: 120px auto 0;
    padding: 3px;
    width: 280px;
}
#loginView h3 {
    text-align: center;
}
#loginForm .form_tips {
    float: left;
}
#loginForm #form_left {
    display: block;
    float: left;
    width: 200px;
}
.form_input {
    clear: none;
    display: block;
    margin-top: 2px;
    width: 200px;
}
#loginForm #form_right {
    clear: none;
    display: block;
    float: left;
    width: 70px;
}
#loginForm input {
    border: 1px none;
    height: 40px;
    margin-right: 0.5%;
    padding: 8px;
}
#loginForm button {
    background: rgb(130, 224, 255) none repeat scroll 0 0;
    border: medium none;
    height: 40px;
    padding: 10px;
}
#chatForm {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    padding: 3px;
    position: fixed;
    width: 100%;
}
#chatForm #chatType {
    border: 0 none;
    margin-right: 0.5%;
    padding: 10px;
    width: 10.5%;
}
#chatType .chatOptions {
    border: 0 none;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
}
#chatForm #typeGroupChat {
    border: 0 none;
    margin-right: 0.5%;
    padding: 10px;
    width: 15.5%;
}
#typeGroupChat .groupChatOptions {
    border: 0 none;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
}
#chatForm #typeFriendsChat {
    border: 0 none;
    margin-right: 0.5%;
    padding: 10px;
    width: 15.5%;
}
#typeFriendsChat .friendsChatOptions {
    border: 0 none;
    margin-bottom: 3px;
    margin-top: 3px;
    text-align: center;
    vertical-align: middle;
}
#chatForm input.world {
    border: 0 none;
    margin-right: 0.5%;
    padding: 10px;
    width: 78%;
}
#chatForm input.group {
    border: 0 none;
    margin-right: 0.5%;
    padding: 10px;
    width: 60%;
}
#chatForm input.friends {
    border: 0 none;
    margin-right: 0.5%;
    padding: 10px;
    width: 60%;
}
#chatForm button {
    background: rgb(130, 224, 255) none repeat scroll 0 0;
    border: medium none;
    padding: 10px;
    width: 8.5%;
}
#messages {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#messages li {
    padding: 5px 10px;
}
#messages li:nth-child(2n+1) {
    background: #abc none repeat scroll 0 0;
}
#messages li:nth-child(2n) {
    background: #cba none repeat scroll 0 0;
}
#messages li.userChat {
}
#messages li.groupChat {
}
#messages li.worldChat {
}
#loginFormClear {
    margin-top: 2px;
}
#loginFormSubmit {
    margin-top: 2px;
}
